<template>
  <Row :gutter="16">
    <Col
      span="6"
      v-for="(item,index) in items"
      :key="index"
      style="margin-bottom:10px;"
      @click.native="toConsult_details"
    >
    <Card
      :padding="0"
      :bordered="false"
      style="text-align:center"

    >
      <img
        :src="item.imgUrl"
        alt=""
        srcset=""
        height="160"
        width="160"
      ><br>
      </div>
    </Card>
    <p style="padding:10px 0">地址：{{item.title}}</p>
    </Col>
  </Row>
</template>

<script>
export default {
  data() {
    return {
      items: [
        {          title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png')
        },
        { title: "路易•威登", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "路易•威登", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "路易•威登", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png') },
        { title: "美国连锁咖啡公司", imgUrl: require('../../assets/enter/item_img.png') },
      ]
    }
  },
   methods: {
    toConsult_details() {
      this.$router.push({
        name: 'consult_details'
      })
    }
  }
}
</script>

<style scoped>
</style>